@charset "utf-8";
/* CSS Document */
.col4-1{border-bottom: 3px solid #000;margin-bottom: 40px;padding-bottom: 30px;}
.checkoutBox{padding-top: 90px;}
.checkoutBox .font24{padding-bottom: 20px;}
.checkoutBox .font24 small{font-size: 18px;}
.checkoutBox .font24 a{float: right;color: #148ace;font-size: 16px;line-height: 24px;}
.checkoutProBox .checkoutproTit{font-size: 14px;font-weight: bold;height: 20px;overflow: hidden;margin-top: 3px;}
.checkoutProBox .info{font-size: 14px;color: #666;line-height: 20px;}
.checkoutProBox .info:first-of-type{margin-bottom: 10px;}
.checkoutProBox .info span{display: inline-block;font-weight: bold;}
.checkoutProBox .info em{color: #73a962;display: inline-block;padding-left: 5px;}
.checkoutProBox .info em:after{content: '';width: 15px;height: 15px;display: inline-block;background:url('../../images/cart/icon.png') -106px 2px;}
.checkoutProBox .info em.out{color: #c53622;}
.checkoutProBox .info em.out:after{background-position: -122px 3px;}
.checkoutProBox .link{color: #0286cd;padding-top: 10px;}
.checkoutProBox .link a{display: inline-block;color: #0286cd;}
.checkoutProBox .link a:hover{color: #000;text-decoration: underline;}
.cartButton{padding-top: 10px;margin-bottom: 30px;}
.cartButton .btnCommon{font-weight: bold;font-size: 16px;}
.cartItem{border: 10px solid #ebebeb;width: 280px;margin-bottom: 20px;}
.cartItem .btnCommon{width: 260px;font-weight: bold;font-size: 16px;}
.cartItem h3{background: #EBEBEB;line-height: 40px;font-size: 22px;padding-top: 8px;}
.cartItem h3 small{font-size: 70%;}
.cartItem .contentBox{padding: 5px 10px;}
.cartItem .contentBox .item{height: 50px;line-height: 49px;font-size:14px;border-bottom: 1px dotted #d5d5d5;font-weight: bold;}
.cartItem .contentBox .item span{float: right;font-size: 16px;}
.cartItem .contentBox .item.total{border-bottom: none;}
.cartItem .contentBox .item.total span{font-size: 22px;}
.cartItem .contentBox .item.line{border-bottom: 2px solid #ebebeb;}
.cartItem h4{height: 48px;line-height: 48px;font-weight: bold;font-size: 14px;padding: 0 10px;cursor: pointer;}
.cartItem h4 .icon{float: right;width: 20px;height: 20px;background: url(../../images/cart/icon.png);margin-top: 14px;}
.cartItem h4 .icon.icon-show{background-position: -20px 0;}
.sliderContent{padding: 10px;border-top: 1px solid #ebebeb;display: none;}
.sliderContent .coupon input[type="text"]{width: 100%;height: 38px;border: 1px solid #c8cbcc;font-size: 14px;padding-left: 10px;}
.sliderContent .coupon p{color: #666;line-height: 30px;}
.sliderContent .coupon .btnCommon{background: #000;font-weight: normal;width: 240px;height: 42px;}
.sliderContent .coupon .btnCommon:hover{border: 2px solid #000;}
.sliderContent .checkStock{height: 45px;margin-top: 0;line-height: 45px;}
.sliderContent .checkStock .radio-view{margin: 10px 10px 0 0;}
.sliderContent .checkStock span{font-weight: bold;}
.sliderContent .couponItem + .couponItem{border-top: 1px dotted #999;}
.sliderContent .couponItem .slider{width: 45px;height: 45px;}
.sliderContent .couponItem .slider i.icon{width: 15px;height: 15px;margin:15px 0 0 30px;display: inline-block;background:url(../../images/cart/icon.png);background-position: -40px 0;}
.sliderContent .couponItem .slider i.icon.icon-show{background-position: -55px 0;}
.sliderContent .couponItem .couponText{color: #666;line-height: 1.5;padding: 0 0 10px 34px;display: none;}
.cartButton a:after,.cartItem a:after{display:none;}
.cartButton a em,.cartItem a em{width:18px; height:16px; margin-left:5px; background:none; display:inline-block; position:relative;}
.cartButton a em:after,.cartItem a em:after{content:""; position:absolute; top:3px; left:0; background:url(../../images/common_sprite.png) no-repeat -160px 0px; width:17px; height:16px; display:block;}
.cartButton a em:after,.cartItem a em:after{
	animation-name: myfirst2;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
.cartButton a:hover em:after,.cartItem a:hover em:after{
	animation-name: myfirst;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
@keyframes myfirst
{
0%   {left:0px;}
100% {left:5px;}
}
@keyframes myfirst2
{
0%   {left:5px;}
100% {left:0px;}
}
.footBot{background-color:#000; height:52px; line-height:52px;}
